<template>
    <div class="page-container">
        <el-tabs v-model="activeName" class="-mt-3">
            <el-tab-pane v-for="(item, index) in $t('game.other.mail.classifyList')"
                         :key="index" :label="item.label" :name="item.value"></el-tab-pane>
        </el-tabs>
        <!--玩家邮件-->
        <mail-player :active-name="activeName" v-show="activeName == 'player'"></mail-player>
        <!--全服邮件-->
        <mail-server :active-name="activeName" v-show="activeName == 'server'"></mail-server>
    </div>
</template>

<script>
import MailPlayer from './player/Index.vue'
import MailServer from './server/Index.vue'

export default {
    components: {
        MailPlayer,
        MailServer,
    },
    data() {
        return {
            activeName: 'player',
        }
    },
}
</script>

<style lang="scss">

</style>
